<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        .heizi1 {
            width: 100%;
            height: 110px;
            folat: left;

        }
        .hezi2{
            float:left;
            width:80px;
            height: 30px;
            margin-top: 30px;
            padding-left: 10px;

        }
        .hezi2 span {
            font-size: 22px;
            font-weight: 700;
            padding-top: 20px;
            padding-left: 30px;
        }
        .hezi3{
            float:left;
            width:80px;
            height: 30px;
            margin-top: 70px;
            margin-left: -50px;
            padding-top: 10px;

        }
        .hezi4{
            float:none;
            width: 100%;
            height:250px;

            position: relative;
        }
        .hezi4_left{
            width: 50%;
            height:100%;
            float:left;
           
        }
        .hezi4_right{
            width: 50%;
            height: 100%;
            float:right;

        }
        .hezi4_left span{
            font-size:15px;
            padding-top: 20px;
            padding-left: 40px;
        }
        .hezi4_right span{
            font-size:15px;
            padding-top: 20px;
            padding-left: 40px;
        }
        .hezi5{
            width:100%;
            height:150px;
            float:none;

        }
        .hezi5 span1{
            font-size:17px;
            padding-top: 20px;
            padding-left: 40px;
        }
        .hezi5 span{
            font-size:15px;
            padding-top: 20px;
            padding-left: 40px;
        }
    </style>
</head>
<body>
<div class="heizi1">
     <div class="hezi2">
    <span> 结算</span>
     </div>
    <div class="hezi3">
        <span>账单信息</span>
    </div>
</div>
<div class="hezi4">
    <div class="hezi4_left">
        <span>收件人：</span><br>
        <span><input type="text"></span><br><br><br>
        <span>地址：</span><br>
        <span><input type="text"></span><br><br><br>
        <span>邮箱：</span><br>
        <span><input type="text"></span><br><br><br>
    </div>
    <div class="hezi4_right">
        <span>电子邮箱：</span><br>
        <span><input type="text"></span><br><br><br>
        <span>联系电话：</span><br>
        <span><input type="text"></span><br><br><br>

    </div>
</div>
<div class="hezi5">
    <span1>购物车</span1><br><br>
    <span>总金额:&yen;1688</span><br><br>
    <span><input type="checkbox">我同意该服务条款</span>
</div>
</body>
</html>